import React from "react";
import BringCom from "./BringCom";

type P = {}


const Foundation = (props: P) => {
    let htmlTxt = '<h3>我是带html标签的内容</h3>'
    return (
        <div>
            <ul>
                <li>
                    <p>取消最外层的容器 - Fragment ， 类似vue的template标签</p>
                    <BringCom />
                </li>
                <li>
                    <p>解析html内容 - dangerouslySetInnerHTML ， 类似vue的 v-html 指令</p>
                    <div dangerouslySetInnerHTML={{ __html: htmlTxt }}></div>
                </li>
                <li>
                    <p>使用 label 自动聚焦到 input for变成 htmlFor</p>
                    <label htmlFor="userName">用户名</label>
                    <input id="userName" type="text" />
                </li>
            </ul>

        </div>
    )
}

export default Foundation